<template>
	<div class="home_page">
		<h1>抑郁症</h1>
		<p>抑郁症是狂躁抑郁症的一种发作形式，以情感低落、思维迟缓、以及言语动作减少、迟缓为典型症状。抑郁症严重困扰患者的生活和工作，给家庭和社会带来严重的负担，约15%的抑郁症患者死于自杀。</p>
		<div class="home_content">
			<div class="jieguo" style="padding-bottom: 40px;">
				<h3 style="padding: 18px 0;font-weight: 400;">我的检测结果</h3>
				<div class="j_show_num">
					<div class="" style="color: #dddddd;letter-spacing: 1px;">
						我的疾病指数
					</div>
					<div class="" style="color: #ffdf00; font-size: 34px;font-weight: 600;line-height: 2em;font-family: cursive;">
						中
					</div>
				</div>
				<h3 style="padding: 18px 0;font-weight: 400;">综合评价</h3>
				<p>
					您的肠道菌群结果显示您的抑郁症风险为：中。<br />
					疾病风险高于10%的参考人群
				</p>
				
				<h3 style="padding: 18px 0;font-weight: 400;">摄入建议</h3>
				<p>
					1.保持良好心态<br />
					快乐的心情有助于人体神经系统的兴奋水平处于最佳状态，促进体内分泌出有益的激素、霉类和酰胆碱，提高机体控病能力。
				</p>
				<p>
					2.保持运动<br />
					建议成人的主要身体活动量平均两天6000步，也可以选择多样化的运动形式，如：游泳、健身操、羽毛球等、
				</p>
				<p>
					3. 适当补充益生元（如膳食纤维）、益生菌<br />
					中国营养学会推荐每人每天应该摄入30g左右的膳食纤维，可适当搭配益生元使用。
				</p>
				
			</div>
		</div>
	</div>
</template>

<script>
	import { Toast } from 'mint-ui';
	export default {
		data() {
			return {}
		},
		created() {},
		methods: {

		},
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
	.home_page {
		height: 100%;
		padding: 15px 25px;
	}
	
	.home_content {
		padding-top: 15px;
	}
	
	.tab_header {
		border-bottom: 2px solid;
	}
	
	.tab_header span {
		display: inline-block;
		width: 49%;
		text-align: center;
	}
	
	.tab_header span.active_tab {
		background: #4cdcec;
		color: #032529;
		opacity: .7;
	}
	
	.home_page h1 {
		text-align: center;
		padding-bottom: 25px;
		font-weight: 400;
	}
	
	.kuai_wrap {
		padding-top: 18px;
	}
	
	.kuai_wrap h3 {
		font-weight: 400;
		display: inline-block;
		padding: 3px 12px;
		color: #fff;
		border-radius: 7px;
		line-height: 1.5em;
		margin: 13px 0;
	}
	
	.kuai_wrap:nth-child(1) h3 {
		background: #ffed00;
	}
	
	.kuai_wrap:nth-child(2) h3 {
		background: #000;
	}
	
	.kuai_wrap:nth-child(3) h3 {
		background: #ff3d00;
	}
	
	.jieguo h3 {
		font-weight: 400;
		line-height: 1.5em;
		font-size: 22px;
	}
	
	.j_show_num {
		background: #31405d;
		border-radius: 8px;
		text-align: center;
		padding: 20px 0 10px 0;
		margin-bottom: 18px;
	}
	
	.jieguo_wrap {
		padding-top: 20px;
	}
	
	.jieguo_wrap p {
		overflow: hidden;
		line-height: 3em;
		border-bottom: 1px solid #ddd;
	}
	
	.jieguo_wrap>div {
		overflow: hidden;
	}
	
	.jieguo_wrap div span:nth-child(1) {
		float: left;
	}
	
	.jieguo_wrap div span:nth-child(2) {
		float: right;
	}
	
	.jieguo_wrap p span:nth-child(1) {
		float: left;
	}
	
	.jieguo_wrap p span:nth-child(2) {
		float: right;
		color: #25ef25;
	}
	
	.padding_l_r25 {
		padding-left: 25px;
		padding-right: 25px;
	}
</style>